<!DOCTYPE html>
<html class="fly-html-layui fly-html-store">
 <head>
  <meta charset="utf-8" />
  <!-- 这是显示在底部菜单栏的信息-->
  <title>四则运算</title>
  <meta name="renderer" content="webkit" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="referrer" content="never" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  <meta name="keywords" content="X-admin,前端框架,后台框架,前端模板,UI模板" />
  <meta name="description" content="X-admin基于layui的轻量级前端后台管理框架，简单免费，兼容性好，面向所有层次的前后端程序。创立于2017年初，为了敏捷WEB应用开发和简化企业应用开发而诞生的。" />
  <link rel="stylesheet" href="https://at.alicdn.com/t/font_1145291_0tjk7hg6hxop.css" />
  <link rel="stylesheet" href="http://x.xuebingsi.com/static/x/css/store.css?t=" charset="utf-8" />
  <link rel="stylesheet" href="http://x.xuebingsi.com/static/x/layui/css/layui.css?t=" />
  <link rel="stylesheet" href="http://x.xuebingsi.com/static/x/css/global2.css?t=" charset="utf-8" />
  <link rel="stylesheet" href="http://x.xuebingsi.com/static/x/css/global1.css?t=" charset="utf-8" />
  <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
  <script src="http://x.xuebingsi.com/static/x/layui/layui.js"></script>
  <script src="http://x.xuebingsi.com/static/x/js/main.js"></script>
  <script>
        var is_login = false;
        var login_url = '/login.html';
    </script>
 </head>
 <body>
  <div class="layui-header header header-store" style="background-color: #008EAD;">
   <div class="layui-container">
    <a class="logo" href="/" style="color: #D0D1D3;font-size: 30px;font-weight: 400"> 四则运算 </a>
    <div class="layui-form component" lay-filter="LAY-site-header-component"></div>
    <ul class="layui-nav">
     <li class="layui-nav-item layui-hide-xs"><a href="/" target="_blank">首页</a><span class="layui-badge-dot" style="right: 0px;"></span></li>
     <li class="layui-nav-item layui-hide-xs "><a href="/mycal">在线计算器</a></li>
     <li class="layui-nav-item layui-hide-xs"><a href="https://gitee.com/daiguoxi/" target="_blank">Gitee <span class="layui-badge-dot" style="right: 0px;"></span></a></li>
     <li class="layui-nav-item layui-hide-xs"><a href="https://support.qq.com/products/353110">社区与反馈</a></li>
     <li class="layui-nav-item layui-hide-xs"><a href="https://blog.csdn.net/dgxl22/article/details/120513824" target="_blank">关于</a></li>
     <!-- <li class="layui-nav-item layui-hide-xs"><a href="http://bbs.xuebingsi.com" target="_blank">实例</a></li> -->
<!--      <li class="layui-nav-item"><a href="javascript:;"><span class="layui-hide-xs">网站版本</span><span class="layui-hide-sm layui-show-xs">所有栏目</span></a>
      <dl class="layui-nav-child">
       <dd class="layui-hide-sm layui-show-xs" lay-unselect="">
        <a href="/index/theme/create.html" target="_blank">主题创作</a>
       </dd>
       <dd class="layui-hide-sm layui-show-xs" lay-unselect=""><a href="//fly.layui.com/" target="_blank">教程</a></dd> 
       <dd class="layui-hide-sm layui-show-xs" lay-unselect="">
        <a href="/x-admin/v2.2/" target="_blank">2.2在线演示</a>
       </dd>
       <dd class="layui-hide-sm layui-show-xs" lay-unselect="">
        <a href="/index/down/index.html" target="_blank">下载</a>
       </dd>
       <dd class="layui-hide-sm layui-show-xs" lay-unselect="">
        <a href="http://bbs.xuebingsi.com" target="_blank">社区</a>
        <hr />
       </dd>
       <dd lay-unselect="">
        <a href="/x-admin/v2.2/" target="_blank">V2.2 <span class="layui-badge-dot"></span></a>
       </dd>
       <dd lay-unselect="">
        <a href="/x-admin/v2.1/" target="_blank">V2.1</a>
       </dd>
       <dd lay-unselect="">
        <a href="/x-admin/v2.0/" target="_blank">V2.0</a>
       </dd>
       <dd lay-unselect="">
        <a href="/x-admin/v1.1/" target="_blank">V1.1</a>
       </dd>
       <dd lay-unselect="">
        <a href="/x-admin/v1.0/" target="_blank">V1.0</a>
       </dd>
      </dl></li> -->
     <li class="layui-nav-item"><a class="iconfont icontouxiang" style="font-size: 34px;" href="/login.html"></a></li>
    </ul>
   </div>
  </div>
  <script>    layui.use(['element','layer'], function(){
       var  element = layui.element;
       var  layer = layui.layer;
    });
</script>

  <!--[if lt IE 9]><script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script><script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script><![endif]-->
  {% block body %}
<!--   <div class="shop-nav shop-index">
   <div class="shop-banner">
    <div class="layui-carousel" lay-filter="LAY-store-banner" id="LAY-store-banner" style="background: #F2E6D6">
     <div carousel-item="">
      <div style="background: #7f0a00">
       <div class="layui-container">
        <a href="#" target="_blank"><img src="http://x.xuebingsi.com/static/theme/img/sorry.jpg" alt="致歉信" /></a>
       </div>
      </div>
      <div style="background: #E7E6EE">
       <div class="layui-container">
        <a href="#" target="_blank"><img src="http://ww1.sinaimg.cn/large/006FatLvgy1g27yn3abc7j325s0pkgo0.jpg" alt="前端后台模板" /></a>
       </div>
      </div>
      <div style="background: #040227">
       <div class="layui-container">
        <a href="#" target="_blank"><img src=" http://ww1.sinaimg.cn/large/006FatLvgy1g2ksw8v5yoj325s0pk40u.jpg" alt="免费模板" /></a>
       </div>
      </div>
     </div>
    </div>
   </div>
   <div id="LAY-topbar" style="height: auto;">
    <div class="input-search">
     <div>
      <dl class="layui-hide-sm layui-show-md-inline-block">
       <dt>
        开源项目地址：
       </dt>
       <dd>
        <a href="https://gitee.com/daniuit/X-admin/stargazers"><img src="https://gitee.com/daniuit/X-admin/badge/star.svg?theme=dark" alt="star" /></a>
       </dd>
       <dd>
        <a href="https://gitee.com/daniuit/X-admin/members"><img src="https://gitee.com/daniuit/X-admin/badge/fork.svg?theme=dark" alt="fork" /></a>
       </dd>
       <dd>
        <a href="https://gitee.com/daniuit/X-admin" style="color: #FF5722;">更新日志</a>
       </dd>
      </dl>
     </div>
    </div>
   </div>
  </div> -->
  <style type="text/css"><!--
body{font-size:14px;font-family:arial,\5FAE\8F6F\96C5\9ED1,sans-serif;margin:auto;color:#3f3f3f}a:link{text-decoration:none;color:#09f}a:visited{text-decoration:none;color:#09f}a:hover{text-decoration:none;color:#f32}a:active{text-decoration:none;color:#ff0}.dx:link{color:#fff;background-color:#09f}.dx:hover{color:#fff;background-color:#5bf}.d1{background:#fff0df;box-shadow:0 0 5px #b1b1b1;position:fixed;top:0;_top:expression(eval(document.compatMode&&document.compatMode=='CSS1Compat')?documentElement.scrollTop:document.body.scrollTop);filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7;opacity:.7;z-index:100;width:100%;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#fc6;height:49px}.d1 a:link{color:#999;text-decoration:none}.d1 a:visited{color:#ccc;text-decoration:none}.d1 a:hover{color:#333;text-decoration:none}.d1 a:active{text-decoration:none}.d11{float:left;background-image:url(/img/logo3.gif);background-repeat:no-repeat;background-position:17px 14px;padding-top:18px;height:29px}.d12{float:right;padding-right:30px;padding-top:18px;height:29px}.d7{display:block;text-align:right;width:230px}.pc{background-color:#09f;height:15px;background-image:url(/img/logo3.gif);background-repeat:no-repeat;background-position:90% bottom;margin-top:45px;_margin-top:0;width:100%}.li{text-align:center;padding-top:17px;padding-bottom:7px;font-size:20px;color:#bbb;font-family:MingLiU,PMingLiU}.q7{background-color:#fc3;width:100%;margin-right:auto;margin-left:auto}.q1{font-size:37px;font-weight:bold;text-align:center;padding-top:70px;padding-left:150px}.q1 span{font-family:\9ED1\4F53}.q2{font-size:20px;color:#ff9;text-align:center;margin-top:27px;margin-bottom:13px;padding-left:150px;font-family:MingLiU,PMingLiU}.q3{text-align:center;padding-left:150px;padding-top:20px;font-size:16px}.q5{background-image:url(q/web/q2.gif);background-repeat:no-repeat;background-position:0 30px;height:300px;float:left;width:700px}.q9{height:306px;width:998px;margin-right:auto;margin-left:auto;background-image:url(q/web/q9.gif);background-repeat:no-repeat;background-position:right bottom;padding-top:23px;padding-bottom:23px}.y0{background-color:#fff;padding:23px;_top:expression(eval(document.compatMode&&document.compatMode=='CSS1Compat')?documentElement.scrollTop:document.body.scrollTop);filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7;opacity:.7;z-index:100;width:220px;border-radius:5px;float:right}.y1{font-size:26px;text-align:center;padding-top:17px}.y2{width:170px;margin-right:auto;margin-left:auto;line-height:37px;margin-top:11px;margin-bottom:11px;color:#f60;text-align:center}.y3{text-align:center;color:#777}.y6{border: 1px solid #D5D5D5;background-image: linear-gradient(#FCFCFC, #EEE);background-color: #f7f7f7;text-shadow: 0 2px 0 rgba(255, 255, 255, 0.9);text-align:center;margin-right:auto;margin-left:auto;width:130px;margin-top:7px;display:block;padding:7px;border-radius:5px;color:#000}.y6:link{color:#000}.y6:hover{border:1px solid #fc3;color:#999;}.y6:visited{color:#333}.y6:active{background-color:#ffc;    background-image: linear-gradient(#dcdcdc, #d8d8d8);box-shadow:inset 0 2px 3px rgba(0,0,0,0.15)}.v1{font-family:"Raleway","Open Sans","Helvetica Neue",Microsoft JhengHei,arial,sans-serif,\5FAE\8F6F\96C5\9ED1,Arial,sans-serif;font-size:26px;margin-top:7px;margin-bottom:7px;text-align:center;color:#333}.v2{text-align:center;margin-top:17px}.v3{height:210px;background-color:#19a9e5;padding-top:39px;width:100%}.v4{font-family:"Raleway","Open Sans","Helvetica Neue",Microsoft JhengHei,arial,sans-serif,\5FAE\8F6F\96C5\9ED1,Arial,sans-serif;font-size:30px;color:#fff;padding:7px}.v5{color:#fff;padding:7px;font-size:13px}.v6{font-size:17px;color:#adf;padding:7px}.v7{height:33px;width:118px;background-color:#6b0;text-align:center;margin-left:7px;border-radius:5px;display:block;line-height:33px}.v7:link{color:#fff;text-decoration:none}.v7:hover{background-color:#81d658;color:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.5)}.v7:visited{color:#fff}.v7:active{background-color:#509100;box-shadow:inset 0 2px 3px rgba(0,0,0,0.15)}.p8{float:left;width:220px;margin-left:3px;padding-top:160px;border:1px solid #fff;padding-bottom:30px}.p8:hover{background-image:url(q/web/i1.gif);background-repeat:no-repeat;background-position:-820px 22px;color:#000;border:1px solid #eee}.p7{float:left;width:220px;margin-left:3px;padding-top:160px;border:1px solid #fff;padding-bottom:30px}.p7:hover{background-image:url(q/web/i1.gif);background-repeat:no-repeat;background-position:-1046px 22px;color:#000;border:1px solid #eee}.p6{float:left;width:220px;margin-left:3px;padding-top:160px;border:1px solid #fff;padding-bottom:30px}.p6:hover{background-image:url(q/web/i1.gif);background-repeat:no-repeat;background-position:-1270px 22px;color:#000;border:1px solid #eee}.p5{float:left;width:220px;margin-left:3px;padding-top:160px;border:1px solid #fff;padding-bottom:30px}.p5:hover{background-image:url(q/web/i1.gif);background-repeat:no-repeat;background-position:-1496px 22px;color:#000;border:1px solid #eee}.p9{width:927px;height:273px;background-image:url(q/web/i1.gif);background-repeat:no-repeat;margin-right:auto;margin-left:auto;background-position:59px 23px;color:#999}.c{clear:both;height:70px}.h1{width:600px;padding-top:100px;padding-right:398px;padding-bottom:100px;margin-right:auto;margin-left:auto;background-image:url(q/web/i18.gif);background-repeat:no-repeat;background-position:682px -719px}.h1:hover{background-image:url(q/web/i18.gif);background-repeat:no-repeat;background-position:683px -719px}.h2{width:460px;margin-right:auto;margin-left:auto;padding-top:20px;padding-bottom:20px;padding-left:538px;background-image:url(q/web/i18.gif);background-repeat:no-repeat;background-position:0 -460px}.h3{height:180px;width:640px;margin-right:auto;margin-left:auto;padding-top:7px;padding-right:358px;padding-bottom:7px;background-image:url(q/web/i18.gif);background-repeat:no-repeat;background-position:718px -218px}.u{width:998px;margin-right:auto;margin-left:auto;height:200px}.u1{width:998px;margin-top:27px;border-top:1px solid #e1e1e1;margin-right:auto;margin-left:auto;margin-bottom:70px}.u2{width:365px;float:right;background-image:url(q/web/i9.png);background-repeat:repeat;height:197px}.u2:hover{border-right-width:1px;border-right-style:solid;border-right-color:#fff}.u3{height:100px;width:500px;padding-top:50px;padding-bottom:50px;float:left}.u5{height:193px;width:362px;background-image:url(q/web/i18.gif);background-repeat:no-repeat}.m1{font-family:"Raleway","Open Sans","Helvetica Neue",Microsoft JhengHei,arial,sans-serif,\5FAE\8F6F\96C5\9ED1,Arial,sans-serif;font-size:26px;padding:7px}.m2{color:#999;padding:7px;line-height:1.5em}.foot{width:100%;padding-top:39px;padding-bottom:30px;color:#aaa;font-size:12px;line-height:30px;border-top-width:1px;border-top-style:solid;border-top-color:#ddd}.foot a:link{color:#19a9e5}.foot a:visited{text-decoration:none;color:#19a9e5}.foot a:hover{color:#f32}.f0{font-size:14px;border-radius:5px;margin-bottom:17px;line-height:normal;color:#333}.f1{font-size:12px;text-align:center;word-spacing:7px;width:100%;margin-right:auto;margin-left:auto;margin-top:50px;padding-bottom:98px;padding-top:8px}.f3{float:left;width:198px}.f5{clear:both;width:998px;height:1px}.f6{width:998px;margin-right:auto;margin-left:auto}.f7{display:block;height:41px;width:130px;background-image:url(q/web/y3.gif);margin-right:auto;margin-left:auto;border:1px solid #000}.f7:hover{background-image:url(q/web/y3.gif);border:1px solid #ccc;background-position:0 95px}.f9{height:50px;width:130px;background-image:url(q/web/y3.gif);background-position:0 50px}.up{width:50px;height:50px;background:url(/img/top.gif) no-repeat 0 0}.up:hover{background:url(/img/top.gif) no-repeat 0 -50px}.up:active{box-shadow:inset 0 5px 5px rgba(0,0,0,0.15)}::-moz-selection{background:#000;color:#fff}::selection{background:#000;color:#fff}::-webkit-scrollbar{background:rgba(0,0,0,0.1);height: 9px;width:9px}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.2)}::-webkit-scrollbar-thumb:hover {background:rgba(0,0,0,0.3);}::-webkit-scrollbar-thumb:active {background:rgba(0,0,0,0.5);}
-->
</style>
 </head>
 <body> 
  <script language="javascript">
function uaredirect(f){try{if(document.getElementById("bdmark")!=null){return}var b=false;if(arguments[1]){var e=window.location.host;var a=window.location.href;if(isSubdomain(arguments[1],e)==1){f=f+"/#m/"+a;b=true}else{if(isSubdomain(arguments[1],e)==2){f=f+"/#m/"+a;b=true}else{f=a;b=false}}}else{b=true}if(b){var c=window.location.hash;if(!c.match("fromapp")){if((navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i))){location.replace(f)}}}}catch(d){}}function isSubdomain(c,d){this.getdomain=function(f){var e=f.indexOf("://");if(e>0){var h=f.substr(e+3)}else{var h=f}var g=/^www\./;if(g.test(h)){h=h.substr(4)}return h};if(c==d){return 1}else{var c=this.getdomain(c);var b=this.getdomain(d);if(c==b){return 1}else{c=c.replace(".","\\.");var a=new RegExp("\\."+c+"$");if(b.match(a)){return 2}else{return 0}}}};
</script>
  <script type="text/javascript">uaredirect("/u");</script> 
  <div class="top">
   <div class="d1">
    <div class="d11">
     <a href="/" class="d7"></a>
    </div>
    <div class="d12"> 
     <a href="/">四则运算</a> 
     <a href="/login.html">登录</a> 
     <a href="/login.html">注册</a> 
    </div>
   </div>
  </div>

  <div class="q7">
   <div class="q9">
    <div class="q5">
     <div class="q1">
      <span>天下武功，唯快不破!</span>
     </div>
     <div class="q2">
      小学生，您还在为没题做发愁吗
     </div>
     <div class="q3">
      来这里，题目数量无限制，让你做到吐，畅快淋漓尽致！
     </div>
    </div>
    <div class="y0">
     <div class="y1">
      会出题，有题做
     </div> 
     <div class="y2">
      1，在线答题
      <br />2，导出试卷
      <br />3，分享链接
     </div> 
     <div>
      <a class="y6" href="/login.html">登 录</a>
     </div> 
     <div>
      <a class="y6" href="account.php?action=register">注 册</a>
     </div> 
    </div>
   </div>
  </div>
  <div class="u1"></div>
  <div class="u">
   <div class="u3">
    <div class="m1">
     自动出题，在线答题...
    </div>
    <div class="m2">
      只要简单的设置就可以自动出题，并可以在线答题与评判对错。
     <!--<a href="q/zh/sj.htm" target="_blank">了解详情</a>-->
    </div>
   </div>
   <div class="u2">
    <div class="u5"></div>
   </div>
  </div>

  {% endblock %}
  <div class="fly-footer">
   <p><a href="/">DGX </a>2021 &copy; <a href="/">daiguoxi.com</a></p>
   <p><a href="http://www.daiguoxi.com" target="_blank" title="在线答题">在线答题</a><a href="http://www.daiguoxi.com" target="_blank" title="四则运算">四则运算</a><a href="http://www.projectdjango.com" target="_blank" title="Django">Django</a></p>
  </div>
  <script>
        var _hmt = _hmt || [];
        (function() {
          var hm = document.createElement("script");
          hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
          var s = document.getElementsByTagName("script")[0]; 
          s.parentNode.insertBefore(hm, s);
        })();
        </script>
  <script>
        layui.use(['carousel'], function(){
          var carousel = layui.carousel
          
          var elemBanner = $('#LAY-store-banner'), ins1 = carousel.render({
            elem: elemBanner
            ,width: '100%'
            ,height: elemBanner.height() + 'px'
            ,interval: 6000
            ,anim: 'fade'
          });
          $(window).on('resize', function(){
            var width = $(this).prop('innerWidth');
            ins1.reload({
              height: (width > 768 ? 460 : 115) + 'px'
            });
          });
          //监听轮播切换事件
          carousel.on('change(LAY-store-banner)', function(obj){
            $('.shop-banner').css('background', obj.item.data('color'));
          });
          
        });
    </script>
 </body>
</html>
